{% extends 'base.html' %}
<!--Don't forget your import here-->
{% block title %}Add A New Cafe{% endblock %}

{% block content %}
<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-8">
      <h1>Add a new cafe into the database</h1>
        {%if error:%}
        <h3 style="color: red;">Errors are found in your response. Please check them and re-submit.</h3>
        {%endif%}
        <form method="POST" action="/add">
            {{form.csrf_token}}
            {{form.hidden_tag()}}

            {%for name in t:%}
            <h2>{{form[name].label}}</h2>
            <p>{{form[name](size=20)}}</p>
            {%endfor%}
            {{form.submit}}
        </form>
	  <p class="space-above"><a href="../cafes">See all cafes</a></p>

    </div>
  </div>
</div>

{% endblock %}